<template>
    <div>
        <!-- 头部采用 mint-ui的 header 组件 -->
        <mt-header fixed title="固定在顶部"></mt-header>
        <!-- router-view 占位符 -->
        <router-view></router-view>
        <!-- 底部采用 mui 的 tab bar 组件 -->
        <nav class="mui-bar mui-bar-tab">
            <router-link class="mui-tab-item" to="/home">
                <span class="mui-icon mui-icon-home"></span>
                <span class="mui-tab-label">首页</span>
            </router-link>
            <router-link class="mui-tab-item" to="/huiyuan">
                <span class="mui-icon mui-icon-email"></span>
                <span class="mui-tab-label">会员</span>
            </router-link>
            <router-link class="mui-tab-item" to="/shopcar">
                <span class="mui-icon mui-icon-contact"><span class="mui-badge">0</span></span>
                <span class="mui-tab-label">购物车</span>
            </router-link>
            <router-link class="mui-tab-item" to="/xiaoxi">
                <span class="mui-icon mui-icon-gear"></span>
                <span class="mui-tab-label">消息</span>
            </router-link>
        </nav>
    </div>
</template>

<script type="es6">
    export default {
        
    }
    

</script>


<style scoped>


</style>